// 设置滚动条样式
@mixin scrollbar-style(
  $thumb-color: #ccc,
  $thumb-hover-color: var(--theme-color),
  $bar-width: 3px,
  $bar-height: 3px,
  $bar-color: transparent,
  $bar-hover-color: #999999
) {
  color: $thumb-color;

  &::-webkit-scrollbar {
    width: $bar-width;
    height: $bar-height;
    color: $bar-color;
    box-shadow: inset 0 0 0 3px;
    transition: color 0.5s ease;

    &:hover {
      color: $bar-hover-color;
    }
  }

  &::-webkit-scrollbar-thumb {
    width: 0;
    box-shadow: inset 0 0 0 3px;
    border-radius: 4px;
  }

  &:hover {
    color: $thumb-hover-color;
  }
}

@for $i from 1 through 3 {
  .line-limit-#{$i} {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $i;
    overflow: hidden;
  }
}
